::v-deep .z-paging-content {
	transition: all 0.2s;
}
.content-box{
	width:100%;
	position: relative;
	.tab-box{
		position: sticky;
		width: 100%;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: 999;
		padding: 0 40rpx 20rpx 20rpx;
		box-sizing: border-box;
	}
}
.bg-color {
	width: 100%;
	height: 708rpx;
	position: fixed;
	z-index: -1;
	transition: all 0.2s;
}

.top-box {
	width: 680rpx;
	margin: 16rpx 35rpx;
	background: linear-gradient(130deg, #639af8 20%, #b8aaff 100%);
	border-radius: 16rpx;
	position: relative;
	overflow: hidden;

	.top-round {
		width: 180rpx;
		height: 180rpx;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		position: absolute;
		right: -40rpx;
		top: -50rpx;
	}

	.bottom-round {
		width: 400rpx;
		height: 380rpx;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		position: absolute;
		left: -230rpx;
		bottom: -250rpx;
	}

	.top-box-content {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 9;
		padding: 26rpx 38rpx;
		box-sizing: border-box;

		.title-box {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 12rpx;

			.title {
				font-weight: 500;
				font-size: 42rpx;
				color: #ffffff;
				max-width: 400rpx;
			}

			.btn {
				padding: 0 32rpx;
				height: 50rpx;
				line-height: 50rpx;
				background: #ffffff;
				border-radius: 30rpx;
				font-weight: 400;
				font-size: 24rpx;
				color: #4f73fb;
			}
		}

		.top-box-content-data {
			font-weight: 400;
			font-size: 26rpx;
			color: rgba(255, 255, 255, 0.8);
			margin-bottom: 8rpx;

			&:before {
				margin-right: 10rpx;
			}
		}

		.top-box-content-btn-box {
			width: 100%;
			display: flex;
			align-items: center;
			margin-top: 30rpx;

			::v-deep .uv-button {
				width: 210rpx;
				height: 80rpx;
				background: #3B75FF;
				border-radius: 12rpx;
				border: none;
				font-weight: 400;
				font-size: 26rpx;
				color: #ffffff;
				letter-spacing: 1rpx;
				margin-right: 38rpx;
				display: flex;
				align-items: center;

				.iconfont {
					margin-right: 10rpx;
				}
			}
		}
	}
}

.project-box {
	width: 100%;
	// padding: 0 0 0 30rpx;
	// box-sizing: border-box;

	::v-deep .uv-steps-item__wrapper {
		background-color: rgba(0, 0, 0, 0) !important;
	}

	::v-deep .uv-steps-item__line {
		top: 24rpx;
		background-color: #e2e2e2 !important;
	}

	.project-title {
		font-weight: 500;
		font-size: 36rpx;
		color: #000000;
		margin-top: 30rpx;
		margin-left: 30rpx;
	}
}

.bottom-box {
	width: 100%;
	background: #ffffff;
	box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(177, 177, 177, 0.5);
	display: flex;
	align-items: center;
	// justify-content: space-between;
	flex-direction: row-reverse;
	padding: 30rpx 20rpx;
	box-sizing: border-box;
	::v-deep .uv-button-wrapper {
		margin: 0 5rpx;
	}
}
